body {
    background-color: var(--themeColor);
}

.main {
    padding-top: 1.7rem;

    .order-container {
        margin: .26rem;

        .card-title {

            .sn {
                font-size: .24rem;
                color: var(--c9);
            }

            .status {
                font-size: var(--default-font-size-28);
                color: var(--dcl);
            }
        }

        .pro-item {
            border-bottom: 1px solid var(--f6);

            .icon {
                width: 1.58rem;
                height: 1.58rem;
                border-radius: .14rem;
            }

            .major {
                margin: 0 .22rem;

                .title {
                    font-weight: 400;
                    font-size: var(--default-font-size-26);
                    color: var(--dcl);
                    margin-bottom: .2rem;
                }

                .spec {
                    font-weight: 400;
                    font-size: .22rem;
                    color: var(--c9);
                }
            }

            .fund {
                .price {
                    font-weight: 500;
                    font-size: var(--default-font-size-28);
                    /*color: var(--bd);*/
                    margin-bottom: .1rem;
                }


                .num {
                    font-size: .24rem;
                    color: var(--c9);
                }
            }
        }

        .pro-item:last-child {
            border-bottom: none;
        }

        .pro-item:first-child {
            padding-top: 0;
        }
        .real-amount{
            text-align: right;
            font-weight: bold;

            color: var(--dcl);
            .text{
                font-size: var(--default-font-size-26);
                margin-right: .15rem;
            }
            .total{
                font-size: .3rem;
            }
        }

    }
    .btn-container{
        text-align: right;

        > button{
            margin-left: .2rem;
        }

    }
    .front:before {
        content: '￥';
        font-size: .22rem;
    }

    .status-1, .status-2, .status-3 {
        color: var(--bd) !important;
    }
    .status-4{
        color: var(--c9) !important;
    }
}